<style type="text/css">

.holiday a {
    background-color: green; /* background color */
    border-color: green;     /* border color */
    color: yellow;           /* text color */
    }

</style>


<script type='text/javascript'>

	$(document).ready(function() {

		var date = new Date();
		var d = date.getDate();
		var m = date.getMonth();
		var y = date.getFullYear();

		var calendar = $('#calendar').fullCalendar({
                       allDayText:'egész nap',
                       allDaySlot:true,
                       firstHour:10,
                       firstDay:0,
                       minTime:'10:00',
                       maxTime:'20:30',
                       slotMinutes:30,
                       axisFormat:'HH(:mm)',
                       defaultView:'agendaWeek',
   columnFormat:{
    month: 'ddd',    // Mon
    week: 'dddd    <br> MMM. d', // Mon 9/7
    day: 'dddd yyyy-MM-dd'  // Monday 9/7
},

timeFormat: {
   //agenda: 'HH'
agenda: 'h:mm{ - h:mm}' // 5:00 - 6:30
  },
  titleFormat:{
    month: 'yyyy MMMM ',                             // September 2009
    week: "yyyy MMMM d{ '&#8212;'yyyy MMMM d}", // Sep 7 - 13 2009
    day: 'dddd, yyyy MMMM d '                  // Tuesday, Sep 8, 2009
},


   monthNames: ['január','február','március','április','május','június','július','augusztus','szeptember','október','november','december'] ,
   monthNamesShort: ['jan','feb','márc','ápr','máj','jún','júl','aug','szept','okt','nov','dec'],
   dayNames: [ 'hétfő', 'kedd', 'szerda', 'csütörtök', 'péntek', 'szombat', 'vasárnap'],
   dayNamesShort: ['V', 'H', 'K', 'Sz', 'Cs', 'P', 'Sz'],
   buttonText: {
    today: 'ma',
    month: 'hónap',
    week: 'hét',
    day: 'nap'},

			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'agendaWeek,month,agendaDay'
			},
			selectable: true,
			selectHelper: true,
			select: function(start, end, allDay) {
				var title = prompt('Event Title:');
				if (title) {
					calendar.fullCalendar('renderEvent',
						{
							title: title,
							start: start,
							end: end,
							allDay: allDay
						},
						true // make the event "stick"
					);
				}
				calendar.fullCalendar('unselect');
			},
			editable: true,
			events: [
				{
					title: 'All Day Event',
					start: new Date(y, m, 1)
				},
				{
					title: 'Long Event',
					start: new Date(y, m, d-5),
					end: new Date(y, m, d-2)
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d-3, 16, 0),
					allDay: false
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d+4, 16, 0),
					allDay: false
				},
				{
					title: 'Meeting',
					start: new Date(y, m, d, 10, 30),
					allDay: false
				},
				{
					title: 'Lunch',
					start: new Date(y, m, d, 12, 0),
					end: new Date(y, m, d, 14, 0),
					allDay: false
				},
				{
					title: 'Birthday Party',
					start: new Date(y, m, d+1, 19, 0),
					end: new Date(y, m, d+1, 22, 30),
					allDay: false
				},
                                {
					title: 'Szerelés',
					start: new Date(y, m, d, 16, 0),
					end: new Date(y, m, d, 18, 0),
                                        className:'holiday',
					allDay: false

				},
				{
					title: 'Click for Google',
					start: new Date(y, m, 28),
					end: new Date(y, m, 29),
					url: 'http://google.com/'
				}
			]
		});

	});

</script>
<style type='text/css'>

	body {
		margin-top: 40px;
		text-align: center;
		font-size: 14px;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		}

	#calendar {
		width: 900px;
		margin: 0 auto;
		}

</style>


<div id='calendar'></div>
<br>
<a href='<?php echo $this->baseUrl(); ?>/index/settime'>TESZT set </a>
